<template>
  <div class="marginT20 guarantee-credit">
    <h1 class="module-title">担保增信</h1>
    <div style="margin-top:40px;color:#999999;">
      <Row>
        <i-col span="3" offset="19">
          <span style="border-bottom:2px solid #999;">查看更多</span>
        </i-col>
      </Row>
    </div>
    <div>
      <Row>
        <i-col span="17" offset="3">
          <div class="swpier-bg">
            <div class="swiper">
              <Carousel :height="450">
                <Carousel-item>
                  <div class="demo-carousel">
                    <div class="demo-carousel-list" style="padding-left:50px;">
                      <h1 style="color:#333333;margin-top:20px;">小额绿通</h1>
                      <p style="color:#333333;margin-left:40px;margin-top:10px;">
                        最高担待保额
                        <b
                          style="font-size:40px;color:#FF604F;margin-left:5px;margin-right:5px;"
                        >500</b>万元
                      </p>
                      <p
                        style="color:#666666;margin-left:50px;margin-top:10px;"
                      >反担保要求 以个人/家庭无限连带责任为主</p>
                      <p
                        style="color:#666666;margin-left:70px;margin-top:10px;"
                      >适用对象 北京市注册成立，纳税的中小微企业</p>
                      <p
                        style="color:#666666;margin-left:70px;margin-top:10px;"
                      >产品特色 担保期限最高24个月，信用蔽口可达250万元</p>
                    </div>
                  </div>
                </Carousel-item>
                <Carousel-item>
                  <div class="demo-carousel">2</div>
                </Carousel-item>
                <Carousel-item>
                  <div class="demo-carousel">3</div>
                </Carousel-item>
                <Carousel-item>
                  <div class="demo-carousel">4</div>
                </Carousel-item>
              </Carousel>
            </div>
          </div>
        </i-col>
      </Row>
    </div>
  </div>
</template>
<script>

export default {
    name:'guaranteedCredit',
    data() {
        return {

        }
    },
    mounted(){
      // let swiperObj = {
      //   pageIndex:1,
      //   pageSize:1,
      //   proCode: window.areaArr[0]?window.areaArr[0]:"",
      //   cityCode: window.areaArr[1]?window.areaArr[1]:"",
      //   countyCode:  window.areaArr[2]?window.areaArr[2]:"",
      //   level:1,
      //   ownPage:0
      // }
      // this.$axios('getswiperPics',[],swiperObj).then(res=>{
      //   if(res.code == 200){
      //     console.log(res);
      //   }
      // })
    }
};
</script>

<style scoped>
.module-title{
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}
.guarantee-credit{
  height: 730px;
  background: url('../../assets/images/bg.png');
  overflow: hidden;
}
.guarantee-credit .swpier-bg{
  position: relative;
  height: 513px;
  background: url('../../assets/images/hand.png') no-repeat 100% 100%;
  margin-top: 45px;
  /* box-shadow: 0 0 10px #ccc; */
}
.swiper{
  width: 700px;
  box-shadow: 0 0 10px #ccc;
  position:absolute;
  top: 0px;
  right: -40px;
}
.ivu-carousel{
  background-color: #fff;
}
.demo-carousel-list{
  padding: 40px;
}

</style>